@import "~scss/_vars";
@mixin cnt-2 { width: 260px; }
@mixin cnt-3 { width: 172px; }
@mixin cnt-4 { width: 128px; }

.blocks {
	.block.blockChat { @include text-common; }
	.block.blockChat {
		.wrap.isDraggingOver { opacity: 0.5; cursor: copy; }

		.scrollWrapper { display: flex; flex-direction: column; min-height: 206px; justify-content: flex-end; }
		.scrollWrapper {
			.scroll { min-height: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px 0px; padding: 0px 0px 16px 0px; }
		}

		.sectionDate { display: flex; justify-content: center; top: 60px; z-index: 10; pointer-events: none; }
		.sectionDate {
			.label { @include text-small; padding: 3px 10px; background: var(--color-bg-primary); border: 1px solid var(--color-shape-tertiary); border-radius: 13px; }
		}
		.sectionDate.active { position: sticky; }

		markupmention.withImage {
			smile, .space { display: none; }
		}

		@import "./chat/attachment";
		@import "./chat/message";
		@import "./chat/form";
	}
}
